// 创建用户相关的仓库
import { defineStore } from 'pinia'
// 引入接口
import { reqLogin, reqUserInfo, reqLogout } from '@/api/user'
// 引入数据类型
import type {
  loginForm,
  loginReponseData,
  userResponseData,
} from '@/api/user/type'
import type { UserState } from './types/types'
// 引入操作本地存储的工具方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOEKN } from '@/utils/token'
// 引入路由
import { constantRoute, asyncRoute, anyRoute } from '@/router/routes'
// 引入深拷贝方法
// @ts-ignore
import cloneDeep from 'lodash/cloneDeep'
import router from '@/router'

// 过滤当前用户需要展示的异步路由
function filterAsyncRoute(asnycRoute: any, routes: any) {
  return asnycRoute.filter((item: any) => {
    if (routes.includes(item.name)) {
      if (item.children && item.children.length > 0) {
        item.children = filterAsyncRoute(item.children, routes)
      }
      return true
    }
  })
}

// 创建用户小仓库
let useUserStore = defineStore('User', {
  // 存储数据的地方
  state: (): UserState => ({
    token: GET_TOKEN(), // 用户唯一标识
    menuRoutes: constantRoute, // 仓库存储生成菜单需要数组
    username: '',
    avatar: '',
    // 存储用户是否包含某些按钮
    buttons: [],
  }),
  // 异步|逻辑的地方
  actions: {
    // 用户登录的方法
    async userLogin(data: loginForm) {
      // 登录请求
      let result: loginReponseData = await reqLogin(data)
      // 登录请求：成功->toekn
      // 登录请求：失败->错误的信息
      if (result.code == 200) {
        // 存储token
        this.token = result.data as string
        // 本地存储持久化存储一份
        SET_TOKEN(this.token)
        // 保证当前async函数返回一个成功的Promise
        return 'ok'
      } else {
        return Promise.reject(new Error(result.data as string))
      }
    },
    // 获取用户信息的方法
    async userInfo() {
      // 获取用户信息进行存储仓库当中
      let result: userResponseData = await reqUserInfo()
      // 获取信息成功，存储用户信息
      if (result.code === 200) {
        this.username = result.data.name
        this.avatar = result.data.avatar
        this.buttons = result.data.buttons
        // 计算当前用户需要展示的异步路由
        const userAsyncRoute = filterAsyncRoute(
          cloneDeep(asyncRoute),
          result.data.routes,
        )
        // 菜单的数据
        this.menuRoutes = [...constantRoute, ...userAsyncRoute, anyRoute]
        ;[...userAsyncRoute, anyRoute].forEach((route: any) => {
          router.addRoute(route)
        })
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
    // 退出登录
    async userLogout() {
      let result: any = await reqLogout()
      if (result.code == 200) {
        this.token = ''
        this.username = ''
        this.avatar = ''
        REMOVE_TOEKN()
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
  },
  getters: {},
})

// 对外暴露获取仓库的方法
export default useUserStore
